<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Developed By M Abdur Rokib Promy">
    <meta name="author" content="cosmic">
    <meta name="keywords" content="Bootstrap 3, Template, Theme, Responsive, Corporate, Business">
    <link rel="shortcut icon" href="${Prefix}img/favicon.png">
    <title>${Content.title}_${Site.name}</title>

    <!-- Bootstrap core CSS -->
    <link href="${Prefix}css/bootstrap.min.css" rel="stylesheet">
    <link href="${Prefix}css/theme.css" rel="stylesheet">
    <link href="${Prefix}css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="${Prefix}assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" href="${Prefix}css/flexslider.css"/>
    <link href="${Prefix}assets/bxslider/jquery.bxslider.css" rel="stylesheet" />
    <link rel="stylesheet" href="${Prefix}css/animate.css">
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>


    <!-- Custom styles for this template -->
    <link href="${Prefix}css/style.css" rel="stylesheet">
    <link href="${Prefix}css/style-responsive.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
<script src="${Prefix}js/html5shiv.js">
</script>
<script src="${Prefix}js/respond.min.js">
</script>
<![endif]-->
  </head>

  <body>
    <!--header start-->
    <@cms_include file="header.template.html"></@cms_include>
    <!--header end-->

    <!--breadcrumbs start-->
    <div class="breadcrumbs">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-sm-4">
            <h1>${Catalog.name}</h1>
          </div>
          <div class="col-lg-8 col-sm-8" style="text-align:right;padding-top: 5px;">
            <a class="position" href="${Site.link}">首页</a>
            <#list Catalog.ancestors?split(":") as catalogId>
              <@cms_catalog id="${catalogId}" level="Self">
                <#list DataList as catalog>
                   > <a class="position" href="${catalog.link}">${catalog.name}</a>
                </#list>
              </@cms_catalog>
            </#list>
          </div>
        </div>
      </div>
    </div>
    
    <!--breadcrumbs end-->

    <!--container start-->
    <div class="container">
      <div class="row">
        <!--blog start-->
        <div class="col-lg-9">
          <div class="blog-item">
            <div class="row">
              <div class="col-lg-2 col-sm-2">
                <div class="date-wrap">
                  <span class="date">
                    ${dateFormat(Content.publishDate,"MM/dd")}
                  </span>
                  <span class="month">
                    ${dateFormat(Content.publishDate,"yyyy")}
                  </span>
                </div>
                <div class="author">
                  By
                  <a href="#">
                    <#if Content.author?? && Content.author != ''>${Content.author}<#else>${Site.name}</#if>
                  </a>
                </div>
              </div>
              <div class="col-lg-10 col-sm-10">
											<h1 style="margin-top:0;">
                  <a href="javascript:void(0);">
                    ${Content.title}
                  </a>
                </h1>
                <div>
                  <@cms_article contentId="${Content.contentId}">
	                	${ArticleContent}
                  </@cms_article>
                </div>
                <div>
                  <hr/>
                  <h1 style="margin-top:20;">
                    <a href="javascript:void(0);">申请试用：</a>
                  </h1>
                  <@cms_custom_form code="contactus" ssi="false"></@cms_custom_form>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="col-lg-3">
          <div class="blog-side-item">
            <div class="search-row">
              <input type="text" class="form-control" placeholder="Search here">
            </div>
            <div class="category">
              <h3>
            	公司介绍
              </h3>
              <ul class="list-unstyled">
            	<@cms_catalog alias="company" level="Child" page="false">
            		<#list DataList as catalog>
                <li>
                  <a href="${catalog.link}">
                    <i class="fa fa-angle-right pr-10">
                    </i>
                    ${catalog.name}
                  </a>
                </li>
                </#list>
                </@cms_catalog>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--container end-->

    <!--footer start-->
    <@cms_include file="footer.template.html"></@cms_include>
    <!--small footer end-->

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="${Prefix}js/jquery.js">
    </script>
    <script src="${Prefix}js/bootstrap.min.js">
    </script>
    <script type="text/javascript" src="${Prefix}js/hover-dropdown.js">
    </script>
    <script defer src="${Prefix}js/jquery.flexslider.js">
    </script>
    <script type="text/javascript" src="${Prefix}assets/bxslider/jquery.bxslider.js">
    </script>

    <script src="${Prefix}js/jquery.easing.min.js">
    </script>
    <script src="${Prefix}js/link-hover.js">
    </script>


    <!--common script for all pages-->
    <script src="${Prefix}js/common-scripts.js">
    </script>


    <script src="${Prefix}js/wow.min.js">
    </script>
    <script>
      wow = new WOW(
        {
          boxClass:     'wow',      // default
          animateClass: 'animated', // default
          offset:       0          // default
        }
      )
        wow.init();
    </script>

  </body>
</html>
